@import './../../../../../styles.less';
@top-panel-height: 60px;
.main-container {
  width: 100vw;
  height: 100vh;
  display: grid;
  position: relative;
  .navigator {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .main-content {
    width: 100%;
    height: 100%;
    position: relative;
     background-color: @component-background;
  }
}
.main-container[navigator="true"] {
  grid-template-rows: @top-panel-height 1fr;
}
.main-container[navigator="false"] {
  grid-template-rows: @top-panel-height 1fr;
}